<template>
	<view class="message tn-safe-area-inset-bottom">
		<view class="echarts" id="echarts" style="width: 100%; height: 500rpx;"  @click="onClick"></view>
    
    <view class="tn-tabbar-height"></view>
    
	</view>
</template>

<script >
	import * as echarts from 'echarts';	
	export default {
    name: 'Message',
		data() {
			return {
				option:{
					title: {
					    text: 'Stacked Line'
					  },
					  tooltip: {
					    trigger: 'axis'
					  },
					  legend: {
					    data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
					  },
					  grid: {
					    left: '3%',
					    right: '4%',
					    bottom: '3%',
					    containLabel: true
					  },
					  toolbox: {
					    feature: {
					      saveAsImage: {}
					    }
					  },
					  xAxis: {
					    type: 'category',
					    boundaryGap: false,
					    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
					  },
					  yAxis: {
					    type: 'value'
					  },
					  series: [
					    {
					      name: 'Email',
					      type: 'line',
					      stack: 'Total',
					      data: [120, 132, 101, 134, 90, 230, 210]
					    },
					    {
					      name: 'Union Ads',
					      type: 'line',
					      stack: 'Total',
					      data: [220, 182, 191, 234, 290, 330, 310]
					    },
					    {
					      name: 'Video Ads',
					      type: 'line',
					      stack: 'Total',
					      data: [150, 232, 201, 154, 190, 330, 410]
					    },
					    {
					      name: 'Direct',
					      type: 'line',
					      stack: 'Total',
					      data: [320, 332, 301, 334, 390, 330, 320]
					    },
					    {
					      name: 'Search Engine',
					      type: 'line',
					      stack: 'Total',
					      data: [820, 932, 901, 934, 1290, 1330, 1320]
					    }
					  ]
				}
			}
		},
		created() {
				// 设置随机数id
				let t = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
				let len = t.length
				let id = ''
				for (let i = 0; i < 32; i++) {
					id += t.charAt(Math.floor(Math.random() * len))
				}
				this.option.id = id
			},

		onLoad() {
			
		},
		 
		methods: {
			initEcharts() {
				const option = {
					
				}
			},
			onClick(){
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	
  
</style>
